<template>
  <visitor-communal active="visitor-procedure">
    <n-flex vertical class="type-area">
      <n-page-header subtitle="智慧化算法，迎接更加高效的方式">
        <template #header>
          <n-breadcrumb>
            <n-breadcrumb-item>智慧</n-breadcrumb-item>
            <n-breadcrumb-item>智能</n-breadcrumb-item>
            <n-breadcrumb-item>高效</n-breadcrumb-item>
            <n-breadcrumb-item>巡航先锋</n-breadcrumb-item>
          </n-breadcrumb>
        </template>
        <template #title>
          <a
              href="/visitor/home"
              style="text-decoration: none; color: inherit"
          >Free To Fly</a>
        </template>
        <n-blockquote>
          随着科技的迅速发展，无人机技术已经从军事领域扩展到民用及商用领域，尤其是在精细化巡检方面发挥了重要作用。
          当前，众多行业如电力、石油、农业、城市规划、环保监测和灾害管理等均对无人机精细化巡检有着迫切的需求。
          这些需求源自于传统巡检方式存在的局限性，比如成本高昂、时间耗费大、危险系数高以及对环境的影响等问题。
          因此，采用无人机进行精细化巡检不仅可以提高效率、降低成本，还能在一定程度上保障工作人员的安全并减少对环境的破坏。
          电力行业是无人机精细化巡检应用的典型例子。传统的电网巡检多依赖于人工进行视觉检查或者使用载人直升机进行巡查。
          这种方法不仅耗时耗力，而且还可能因高空作业带来安全隐患。此外，在恶劣天气或复杂地形条件下，人工巡检的难度和风险将大幅增加。
          而无人机搭载高清摄像头和红外传感器，能够快速定位电网故障点，实现高效率的巡检工作。
          综上所述，我们的无人机精细化巡检项目应运而生，旨在通过先进的无人机技术和数据分析能力，为各行各业提供高效、安全和环保的巡检解决方案。
          通过实施此项目，可以显著提高巡检效率和精度，降低运营成本，并为决策者提供强有力的数据支持。
        </n-blockquote>
        <template #footer>
          <n-space justify="end">
            <n-tag type="success">
              <n-time type="date"></n-time>
            </n-tag>
          </n-space>
        </template>
      </n-page-header>
      <n-text tag="div">
        <n-h1><n-text type="info">AI+无人机精细化电路巡检</n-text></n-h1>
        <n-blockquote>
          <n-ol >
            <n-li v-for="(item) in dis" :key="item.id" class="hover-pointer active">
              {{item.content}}
            </n-li>
          </n-ol>
        </n-blockquote>
      </n-text>
      <n-text tag="div">
        <n-h1><n-text type="success">产品特性</n-text></n-h1>
        <n-blockquote>
          <n-ul>

            <n-li v-for="(item) in modes" :key="item.id">
              <n-tag type="primary" :size="'small'">{{item.tag}}</n-tag>
              <span class="active hover-pointer">{{item.content}}</span>
            </n-li>
          </n-ul>
        </n-blockquote>
      </n-text>
      <n-text tag="div">
        <n-h1><n-text type="success">AI无人机算法特性</n-text></n-h1>
        <n-blockquote>
          <n-ul>
            <n-li v-for="(item) in trait" :key="item.id">
              <n-tag type="info" :size="'small'">{{item.tag}}</n-tag>
              <span class="active hover-pointer">{{item.content}}</span>
            </n-li>
          </n-ul>
        </n-blockquote>
      </n-text>
      <n-text tag="div">
        <n-h1><n-text type="success">巡检的主要内容</n-text></n-h1>
        <n-blockquote>
          <n-watermark
              content="巡航先锋"
              cross
              selectable
              :font-size="16"
              :line-height="16"
              :width="192"
              :height="128"
              :x-offset="12"
              :y-offset="28"
              :rotate="-15"
          >
            <n-table :bordered="false" single-column :single-line="false">
              <thead>
              <tr>
                <th v-for="(item) in tableData.header" :key="item.id">{{ item.info }}</th>
              </tr>
              </thead>
              <tbody>
              <tr v-for="(item) in tableData.bady" :key="item.id">
                <td v-for="(i,index) in item.td" :key="index" class="active-td hover-pointer">
                  <n-performant-ellipsis >
                    {{i}}
                  </n-performant-ellipsis>
                </td>
              </tr>
              </tbody>
            </n-table>
          </n-watermark>
        </n-blockquote>
      </n-text>
    </n-flex>
  </visitor-communal>
</template>

<script>
import {ref, defineComponent} from "vue";
import visitorCommunal from "@/components/communal/visitor-communal.vue";
export default defineComponent({
    name: "VisitorProcedureView",
    components: {
      visitorCommunal
    },
    setup(){
      const descriptionInspectLis = [
        {id:'1',content:'1. 数据采集：使用高分辨率和长焦摄像头和热成像传感器等设备，搭载在无人机上，对电路设备进行全方位、多角度的拍摄和数据采集，包括周围环境、电线接头、电路元件、电线等。'},
        {id:'2',content:'2. 数据传输与处理：将无人机采集到的数据通过无线网络传输到AI算法平台，实时进行数据处理和分析，并且生成巡检报告。'},
        {id:'3',content:'3. 图像识别与分析：使用计算机视觉和深度学习算法对电路设备图像进行分析和识别（目标检测），包括检测电路板上的元件状态、接线是否正确、电路是否存在缺陷、温度是否不正常等。'},
        {id:'4',content:'4. 异常检测与预警：通过对比分析电路设备的实际状态和正常工作状态，检测出电路设备的异常情况，例如元件损坏、接线松脱、温度超标等，并及时向运维人员发送预警信息。'},
        {id:'5',content:'5. 数据反馈与可视化：将分析结果进行网站可视化大屏展示，以便他们能够了解电路设备的状态，并进行修复和维护。同时，将分析结果统计和计算展示，方便运维人员进行数据分析和决策。'},
        {id:'6',content:'6. 路径规划与自主导航：通过无人机的自动路径规划，由机库或者人工运输至指定地点，对电路设备进行巡检，实现无人机的自主导航功能，提高巡检的效率和准确性。'},
        {id:'7',content:'7. 数据分析与优化：将无人机巡检的数据进行统计和分析，提取有价值的信息，产生巡检报告，提高的便捷性和可用性。'},
      ]
      const modes = [
        {id:'1',tag:'高效性',content:'无人机电网巡检可以快速到达巡检地点，减少人工巡检的时间和劳动强度。无人机飞行速度快，能在短时间内覆盖大面积的电网设施。'},
        {id:'2',tag:'准确性',content:'无人机搭载的高清摄像头、红外热像仪等先进设备，能够实时捕捉线路的各种异常情况，如接触线路、杆塔倾斜、绝缘子状况等。通过对巡检数据的智能处理和分析，能够精确识别并定位问题隐患。'},
        {id:'3',tag:'安全性',content:'无人机电网巡检可以在不接触线路的情况下完成线路检查，降低人工巡检的安全风险。无人机具备自主避障功能，能够避免碰撞事故的发生。'},
        {id:'4',tag:'全天候',content:'无人机具备较强的适应性，能在各种气象条件下进行巡检作业。无论是高温、低温、雨雪等恶劣天气，无人机都能正常执行巡检任务。'},
        {id:'5',tag:'多角度',content:'无人机可以从多个角度对电网设施进行巡检，获取全方位的巡检数据。通过不同角度的巡检，能够更全面地了解电网设施的运行状况。'},
        {id:'6',tag:'智能化',content:'无人机电网巡检系统具备智能化的特点，能够实现自动飞行、自动起降、自动充电等功能。无人机可以根据预设的巡检航线自主飞行，实现无人值守的自动巡检。离线 3D 点云自主规划飞行航线，巡检任务自由设定，巡检频次大幅提升。'},
        {id:'7',tag:'数据实时传输',content:'无人机巡检过程中采集的数据可以实时传输给工作人员，提供决策依据。通过数据实时传输，能够快速响应和处理电网设施的问题。图像识别技术和图像控制算法精确识别、锁定目标，云端自动分析、检测缺陷并出具报告。'}
      ]
      const characteristics=[
        {id:'1',tag:'自动系统',content:'自动飞行系统赋能大疆DJI 工业无人机全自动进行电网巡检作业，作业效 率和巡检精细化程度较无人机人工巡检提升两倍。'},
        {id:'2',tag:'减轻强度',content:'无需专业输电巡检经验，极大减轻了巡检作业人员的劳动强度和劳动时间。'},
        {id:'3',tag:'自主规划',content:'离线 3D 点云自主规划飞行航线，巡检任务自由设定，巡检频次大幅提升。'},
        {id:'4',tag:'识别算法',content:'图像识别技术和图像控制算法精确识别、锁定目标，云端自动分析、检 测缺陷并出具报告。'}
      ]
      const tableData={
        header:[
          {id:'1',info:'杆塔'},
          {id:'2',info:'横担及金具'},
          {id:'3',info:'绝缘子'},
          {id:'4',info:'裸导线'},
          {id:'5',info:'防雷设施'},
          {id:'6',info:'接地装置'},
          {id:'7',info:'接线顶杆、拉线柱'},
          {id:'8',info:'柱上开关设备'},
          {id:'9',info:'离开关、熔断器'},
          {id:'10',info:'线路变压器'},
          {id:'11',info:'绝缘导线'},
          {id:'12',info:'沿线情况'},
        ],
        bady:[
          {id:'1',td:['是否倾斜','横担','磁件污损','导线断裂','防雷器瓷套','接地引下线','拉线棒','套管','瓷件','套管','导线外绝缘层','易燃物']},
          {id:'2',td:['铁塔构件','金属器具','铁脚锈蚀','导线损伤','防雷器固定','接头接触','抱箍','开关','触头','油温','各相绝缘线引垂','易爆物品']},
          {id:'3',td:['混凝土杆','螺栓','铁脚松动','导线腐蚀','/','线夹螺栓','顶杆','引线连接','各部件组装','油色','绝缘子','腐蚀液、气体']},
          {id:'4',td:['周围土壤','各连接处','铁脚变形','三相松弛度','/','接地体','拉线柱','油开关外壳','引线接点','油面','沿线','对物距离']},
          {id:'5',td:['脚钉','/','是否爆裂','接头','/','/','线桩','油位','操动机构','呼吸器','接头','/']},
          {id:'6',td:['塔杆基础','/','是否偏斜','连接线夹帽','/','/','拉线绝缘子','固定金属件','熔断器的消弧管','各电气连接点','连接线夹螺帽','/']},
          {id:'7',td:['螺栓','/','开口销','过跳线','/','/','水平拉线对地距离','/','/','各部密封垫','/','/']},
          {id:'8',td:['焊接处','/','弹簧销','固定导线','/','/','/','/','/','各部螺栓','/','/']},
          {id:'9',td:['保护设施','/','/','导线','/','/','/','/','/','外壳','/','/']},
          {id:'10',td:['标志','/','/','/','/','/','/','/','/','焊缝','/','/']},
          {id:'11',td:['周边环境','/','/','/','/','/','/','/','/','接地','/','/']},
          {id:'12',td:['接线处','/','/','/','/','/','/','/','/','/','/','/']}
        ]
      }

      return{
        dis:ref(descriptionInspectLis),
        modes:ref(modes),
        tableData:ref(tableData),
        trait: ref(characteristics)
      }
    }
  }
)

</script>

<style lang="scss" scoped>
.active{
  transition: 0.2s 0s ease all;
  &:hover{
    color: #18a058;
    transform: scaleX(1.1);
    transform-origin: left;
    transition: 0.2s 0s ease all;
  }
}
.active-td{
  transition: 0.2s 0s ease all;
  &:hover{
    color: #2080f0;
    transform: scaleX(1.1);
    transform-origin: center;
    transition: 0.2s 0s ease all;
  }
}
</style>